<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body id="bd">	
		<ul>
			<li>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium quidem molestiae beatae quam earum ipsum pariatur at repellat quos dicta. Nihil nobis voluptatum iste pariatur natus iure sapiente explicabo ducimus.
			</li>
		</ul>
		<h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis fugiat dicta odit ab iure ad rerum praesentium ducimus inventore porro quis culpa saepe aspernatur exercitationem ea obcaecati deleniti temporibus corrupti.</h1>
		<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum minus quis mollitia iusto amet voluptates excepturi vel ab nulla provident modi voluptatum fugit ducimus accusantium possimus perferendis placeat ea. Enim?</span>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus nesciunt perspiciatis perferendis deserunt non iure a ipsam officia accusamus fugit labore facilis assumenda est ex earum quaerat eveniet mollitia suscipit?</p>
		
		<script type="text/javascript">
//			var bd=document.getElementsByTagName("body")[0];
			var child=bd.children;
			for(var i=0;i<child.length;i++){
				child[i].onclick=function(){
					if(this.nodeName=="UL"){
						this.style.background="red";
					}else if(this.nodeName=="P"){
						this.style.background="yellow";					
					}else if(this.nodeName=="SPAN"){
						this.style.background="pink";					
					}else if(this.nodeName=="H1"){
						this.style.background="green";					
					}
				}
			}
		</script>
	</body>
</html>
